<template>
    <div class="top-comp">
        <el-row :gutter="20">
            <el-col :span="6"><TotalSale></TotalSale></el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6"></el-col>
        </el-row>
    </div>
</template>

<script>
import TotalSale from './TotalSale.vue'

export default {
    components:{
       TotalSale,
    }
}
</script>

<style lang="scss">
  span{
    font-size: 14px !important;
    color: #464545;
   }
   .css-1{
    margin-left: 8px;
    font-weight: 550;
   }
 span.increase {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent green transparent;
  margin-left: 10px;
  transform: translateY(-50%);
}
 span.decrease {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: red transparent  transparent transparent;
    margin-left: 10px;
    transform: translateY(-50%);
 }
 
</style>